<template>
  <div class="page-login">
    <van-nav-bar left-arrow left-text="返回" title="登录" @click-left="$router.back()" />

    <van-cell-group>
      <van-field
        v-model="username"
        type="text"
        label="用户名"
        label-width="60"
        label-align="left"
        placeholder="请输入用户名"
      />

      <!-- eslint-disable -->
      <van-field
        v-model="password"
        type="password"
        label="密　码"
        label-width="60"
        label-align="left"
        placeholder="请输入密码"
      />
      <!-- eslint-enable -->
    </van-cell-group>

    <div class="page-login__action">
      <van-button type="primary" size="large">登录</van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "Login",

  data() {
    return {
      username: "",
      password: ""
    };
  }
};
</script>

<style lang="scss">
.page-login {
  .van-cell-group {
    margin: 15px 0;
  }
  &__action {
    margin-bottom: 16px;
    padding: 0 15px;
  }
}
</style>